<template>
  <BackHeader :title="lang.page_title" />
  <div class="app_center activity-page">
    <TopInfo />
    <GameInfo @changeBaojinbi="changeBaojinbi" />
    <FooterInfo @changeShareDialog="changeShareDialog" />
  </div>
  <ShareDialog :show="showShareDialog" @changeDialog="changeShareDialog" />
  <Baojinbi :showBaojinbi="showBaojinbi" @changeBaojinbi="changeBaojinbi" />
</template>

<script setup lang="ts">
import TopInfo from "./components/TopInfo.vue";
import GameInfo from "./components/GameInfo.vue";
import FooterInfo from "./components/FooterInfo.vue";
import ShareDialog from "./components/ShareDialog.vue";
import Baojinbi from "./components/Baojinbi.vue";

const lang: any = getCurrentPageLang("activity/clipdoll");

const showBaojinbi = ref(false);
function changeBaojinbi(value: boolean) {
  showBaojinbi.value = value;
}

const showShareDialog = ref(false);
function changeShareDialog(value: boolean) {
  showShareDialog.value = value;
}
</script>

<style scoped lang="scss"></style>
